<template>
  <div id="app">
    <!-- <transition name="custom-classes-transition" enter-active-class="animated tada" leave-active-class="animated bounceOutLeft"> 
      <router-view></router-view>
    </transition> -->
    <transition name="fade" mode="out-in"> 
      <router-view></router-view>
    </transition>
    <ul>
      <!-- <li><router-link to='/'>请假申请</router-link></li>
      <li><router-link to="index">主页面</router-link></li> -->
    </ul>
  </div>
</template>

<script>
  require('./assets/global/js/hiiso.global.js')
  require('./assets/global/js/hiiso.mobile.ui.min-1.0.js')
  require('./assets/js/datePicker.js')
  export default {
    name: 'app',
    data(){
      return {
        msg:''
      }
    },
    methods:{//方法

    },
    computed:{//计算 引入vuex里的state

    },
    mounted(){//组件加载完执行
      
    },
    watch:{//监听数据，某数据改变时触发事件

    },
    components:{//引入组件

    },
    destroyed(){//离开组建时触发

    }
  }
</script>

<style>
  @import './assets/global/css/museui.css';
  @import './assets/css/common.css';
  @import './assets/global/css/mintui.css';
  @import './assets/css/master.css';
  @import './assets/global/css/hiiso.mobile.ui-1.0.css';
  @import './assets/global/css/hiiiso.mobile.ui.theme-1.0.css';
  @import './assets/css/path/font-awesome/css/font-awesome.css';
</style>
